<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html>
	<head>
		<base href="<%=basePath%>"/>
		<meta charset="UTF-8">
		<title>登陆</title>
		<style type="text/css">
			*{
				font-family:"Microsoft Yahei"!important;
			}
			#top{
				width:1200px;
				border-bottom:1px solid #666;
				margin:0px auto;
				overflow:hidden;	
			}
			#top p{
				float:right;
			}
			#middle{
				width:1200px;
				overflow:hidden;
				padding-top:50px;
			}
			#middle .left{
				float:left;
				margin-left:150px;
				padding-top:40px;
			}
			#middle .right{
				width:438px;
				overflow:hidden;
				float:right;
				margin-right:100px;
			}
			.right .shang{
				
				overflow:hidden;
				
			}
			.right .shang p{
				color:#A2A2A2;
				margin:0px;
				margin-bottom:6px;
				
			}
			.right .shang .zuo{
				float:left;
				font-size:24px;
				font-weight:bold;
			}
			.right .shang .you{
				float:right;
				margin-top:3px;
			}
			.you a{
				color:#B81E20;
				margin-left:5px;
				font-size:14px;
				text-decoration: none;	
			}
			.you a:hover{
				text-decoration: underline;
			}
			form{
				margin-top:15px;
				border:1px solid #ACACAC;
				padding-top:15px;
			}
			form input{
				width:260px;
				height:43px;
				font-size:14px;
				text-indent: 10px;
				
				float:left;
						
			}
			form span{
				border:1px solid #A2A2A2;
				height:47px;
				width:150px;
				margin-left:20px;
				display:inline-block;
				
			}
			.phone span{
				background-color:#F5F5F5;
			}
			.phone a{
				color:#b52024;
				font-size:12px;
				text-align:center;
				line-height:47px;
			}
			.phone a:hover span{
				text-decoration: underline;
			}
			form p{
				overflow:hidden;
			}
			.username input,.password input,.pwd input{
				width:390px;
				margin-left:20px;
				
			}
			.read{
				font-size:12px;
				color:#ACACAC;
				margin-top:25px;
			}
			.read a{
				color:#b52024;
				font-size:14px;
				float:right;
				font-weight:bold;
				margin-right:20px;
				text-decoration: none;
			}
			.read a:hover{
				text-decoration: underline;
			}
			.read input{
				height:15px;
				width:15px;
				
			}
			.submit input{
				border:0px;
				background-color:#b52024;
				width:390px;
				height:50px;
				cursor: pointer;
				margin-left:20px;
			}
			.submit a input{
				color:#fff;
				font-size:18px;
				text-align:center;
			}
			.submit a:hover input{
				font-weight:bold;
			}
			#bottom{
				width:1300px;
				font-size:12px;
				color:#ACACAC;
				text-align:center;
				margin-top:70px;
			}
			#logo{
				width:1200px;
				margin:0px 50px;
				margin-left:400px;
				overflow:hidden;
				
			}
			#logo li{
				float:left;
				list-style: none;
				margin-right:20px;
			}
			.hezuo{
				border-top:1px dashed #ACACAC;
				overflow:hidden;
				padding-left:20px;
				margin-top:50px;
			}
			h4{
				width:200px;
				color:#ACACAC;
				font-weight:bold;
				margin:0px;
				margin-top:20px;
			}
			.hezuo img{
				margin:10px 0px;
			}
			.xxx{
				margin-top:15px;
				color:red;
				text-align:center;
			}
			.pwd1{
				margin-left: 120px;
			}
			.name1{
				margin-left: 120px;
			}
		</style>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript">
			function checkname(){
				var name=$(".name").val();
				if(name==""){
					$(".name1").html("用户名不能为空！");
					$(".name1").css("color","red");
					return false;
				}
				return true;
			}
			function checkpwd(){
				var pwd=$(".password").val();
				if(pwd==""){
					$(".pwd1").html("密码不能为空！");
					$(".pwd1").css("color","red");
					return false;
				}
				return true;
			}
			$(function(){
				$(".name").bind("blur",checkname);
				$(".password").bind("blur",checkpwd);
				
				$("#submit").click(function(){
					
					var name=$(".name").val();
					var pwd=$(".password").val();
					if(name==""&&pwd==""){
						$(".xxx").html("请仔细填写！")
						return false;
					}
					var nameValid=checkname();
					var pwdValid=checkpwd();
					if(nameValid==true&&pwdValid==true){
						return true;
					}
					return false;
				});
			});
		</script>

  </head>
  
  <body>
  <div style="width:1200px; overflow: hidden; margin: auto;">
    	<div id="top">
    		<p><a href="">帮助</a></p>
    	</div>
    	<div id="middle">
    		<div class="left">
    			<img src="images/denglu/login120412_newlogo(1).jpg">
    		</div>
    		<div class="right">
    			<div class="shang">
    				<p class="zuo">凡客Vancl 登录</p>
    				<p class="you">没有账户免费<a href="zhuce.jsp?from=<%= request.getParameter("from") %>">注册</a></p>
    			</div>
    			<form action="denglu.shtml" method="post">
                     <p class="username">
                    	 <input type="text" id="Txtidcode" class="name" name="name" placeholder="请输入用户名" autocomplete="off" />
                    	  <a class="name1"></a>
                    </p>
                     <p class="pwd">
                    	 <input type="password" id="Txtidcode" class="password" name="password" value="" placeholder="请输入密码" autocomplete="off" />
                    	 <a class="pwd1"></a>
                    </p>
                     <p class="read">
                    	 <a href="">找回密码</a>
                    </p>
                    <input type="hidden" value="<%= request.getParameter("from") %>" name="from" />
                     <p class="submit">
                    	 <a href=""><input type="submit" id="submit" class="txtVerification" value="登录"/></a>
                    	 <p class="xxx"></p>
                    </p>
                    <div class="hezuo">
                    	<h4>使用合作网站账号登录凡客</h4>
                    	<img style="width:300px" src="images/denglu/wangzhan.jpg">
                    </div>
    			</form>
    		</div>
    	</div>
    	<div id="bottom">
    		Copyright 2007 - 2016 vancl.com All Rights Reserved 京ICP证100557号 京公网安备11010102000579号 出版物经营许可证新出发京批字第直110138号
    	</div>
    	<div id="logo">
    		<ul>
    			<li><img style="width:100px;" src="images/denglu/xin.png" ></li>
    			<li><img style="width:130px;" src="images/denglu/danwei.jpg"></li>
    			<li><img style="width:100px;" src="images/denglu/jiaoyi.jpg"></li>
    			<li><img style="width:100px;" src="images/denglu/beian.jpg"></li>
    		</ul>
    	</div>
    </div>
  </body>
</html>
